@import "bootstrap-sprockets";
@import "bootstrap";
@import "font-awesome-sprockets";
@import "font-awesome";
@import "sprites";
body {
  font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', "Microsoft YaHei", "Tahoma", arial, Lucida, Verdana, STHeiti, SimSun, '\u5b8b\u4f53', sans-serif;
}
.home-controller,
.courses-controller,
.teachers-controller,
.students-controller,
.ebooks-controller,
.questions-controller,
.zones-controller,
.news-controller {
  background-color: #f7f7f7;
}
.white {
  background-color: #fff;
}
.content {
  width: 1003px;
  min-width: 1003px;
  margin: 0 auto;
  padding: 0;
}
.center {
  text-align: center;
}
.clear {
  clear: both;
}
.margin30 {
  margin-top: 30px;
}
.margin20 {
  margin-top: 20px;
}
.fl {
  float: left;
}
ol,
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
a,
a:hover,
a:focus {
  text-decoration: none;
}
.header {
  border-top: 3px solid #008b43;
  .container {
    .row {
      padding: 0;
      margin: 0;
      height: 90px;
      div {
        padding: 0;
      }
      .block {
        width: 565px;
      }
      .bg_logo {
        margin: 15px 0;
      }
      .bg_header_tel {
        margin: 23px 0;
      }
    }
  }
  .nav_bg {
    background-color: #27ae60;
    .navbar-collapse {
      padding: 0;
      .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        color: #fff;
        font-weight: bold;
      }
      .navbar-nav > li > a:hover,
      a:focus {
        background-color: #219452;
      }
      .navbar-nav > li.active {
        background-color: #219452;
      }
    }
  }
}
.courses_home {
  margin: 0;
  height: 422px;
  .col-md-3,
  .col-md-9 {
    border-bottom: 2px solid #27ae60;
    height: 420px;
  }
  .col-md-3 {
    padding: 0;
    width: 200px;
    .title {
      font-size: 18px;
      border-bottom: 1px solid #eeecef;
      font-family: "Microsoft Yahei";
      text-align: center;
      height: 59px;
      line-height: 59px;
      width: 200px;
      float: left;
    }
    .filter {
      list-style: none;
      margin: 0;
      padding: 0;
      width: 200px;
      padding: 0 10px;
      float: left;
      .level {
        height: 40px;
        width: 180px;
        float: left;
        a {
          color: #404040;
          font-weight: bold;
          height: 40px;
          line-height: 40px;
        }
      }
      .level_sub {
        width: 180px;
        float: left;
        a {
          color: #34495e;
          font-size: 12px;
          height: 22px;
          line-height: 22px;
        }
        span {
          padding: 0 5px 0 0;
          float: left;
        }
      }
    }
  }
  .col-md-9 {
    margin-left: 20px;
    padding: 0;
    width: 783px;
    .banner {
      height: 250px;
      width: 783px;
      margin-top: 20px;
    }
    .banner_bottom {
      height: 130px;
      margin-top: 18px;
      .local_title {
        color: #27ae60;
        font-weight: bold;
        padding: 14px;
      }
      .home_list_xiaoqu {
        list-style: none;
        padding-left: 4px;
        li {
          list-style: none;
          float: left;
          padding: 10px;
          text-align: center;
          font-size: 12px;
          a {
            color: #34495e;
          }
        }
      }
    }
  }
}
#carousel-captions {
  .carousel-inner {
    height: 250px;
  }
  .carousel-control.left,
  .carousel-control.right {
    background-image: none;
  }
  .carousel-control {
    width: 50px;
  }
}
.online_baoming_title {
  border-top: 2px solid #404040;
  height: 48px;
  line-height: 48px;
}
.baoming-list {
  height: 42px;
  border-bottom: 1px solid #eaeaea;
  line-height: 40px;
  margin-left: 0;
  margin-right: 0;
  >div {
    padding-left: 0;
    padding-right: 0;
    float: left;
    color: #909090;
    font-size: 12px;
  }
  >div:first-child {
    padding-left: 15px;
  }
  >div.sub-content-color {
    color: #34495e;
    a,
    a,
    a:hover,
    a:focus {
      color: #34495e;
    }
  }
  >div.botton {
    a,
    a,
    a:hover,
    a:focus {
      color: #fff;
      padding: 5px;
      background-color: #0d9572;
    }
  }
}
.fudao-ziliao-list {
  margin-left: 0;
  margin-right: 0;
  height: 412px;
  >div {
    float: left;
  }
  >div.row-1 {
    width: 275px;
    height: 412px;
    border-right: 1px solid #eeecef;
    >.title {
      padding: 20px 0 20px 15px;
      font-size: 14px;
      font-weight: bold;
      color: #404040;
    }
    >.list-group {
      margin-bottom: 0;
      >.list-group-item:first-child,
      >.list-group-item:last-child {
        border-radius: 0;
      }
      >.list-group-item {
        border: none;
        padding: 8px 15px;
        font-size: 12px;
        >a.title {
          color: #686868;
          font-weight: bold;
          padding-right: 18px;
        }
        >a.question {
          color: #34495e;
        }
      }
    }
  }
  >div.row-2 {
    width: 728px;
    height: 412px;
    margin-left: 0;
    margin-right: 0;
    >div.col-md-4 {
      padding-left: 0;
      padding-right: 0;
      width: 170px;
      height: 145px;
      margin: 15px 36px;
      >a.image {
        width: 170px;
        height: 120px;
        >img {
          width: 170px;
          height: 120px;
        }
      }
      >div {
        line-height: 25px;
        font-size: 12px;
        >i {
          color: #27ae60;
          padding-right: 5px;
        }
        >a {
          color: #34495e;
        }
      }
    }
    >.title {
      width: 728px;
      padding: 20px 0 20px 15px;
      font-size: 14px;
      font-weight: bold;
      color: #404040;
    }
  }
}
.guanyu-list {
  margin-left: 0;
  margin-right: 0;
  height: 150px;
  >div {
    height: 150px;
    padding-left: 0;
    padding-right: 0;
    float: left;
  }
  >div.row-1 {
    width: 310px;
    img {
      height: 150px;
      width: 310px;
    }
  }
  >div.row-2 {
    width: 673px;
    margin-left: 20px;
    border-bottom: 2px solid #cdcdcd;
    color: #686868;
    font-size: 12px;
    line-height: 30px;
    >span {
      font-size: 16px;
      font-weight: bold;
    }
  }
}
.xuesheng-list {
  margin-left: 0;
  margin-right: 0;
  height: 200px;
  >div {
    padding-left: 0;
    padding-right: 0;
    height: 200px;
    width: 185px;
    float: left;
    margin-right: 19px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    >.name {
      height: 44px;
      border-bottom: 2px solid #e6e6e6;
      line-height: 44px;
      width: 150px;
      margin-left: 17px;
      font-size: 14px;
      color: #242424;
      text-align: left;
    }
    >.local {
      width: 150px;
      margin-left: 17px;
      color: #34495e;
      font-size: 12px;
      margin-top: 15px;
      >i {
        color: #ccc;
        width: 15px;
      }
    }
    >.manyi {
      width: 150px;
      margin-left: 17px;
      color: #999;
      font-size: 12px;
      margin-top: 10px;
      >i {
        color: #ffda17;
        margin-right: 3px;
      }
      >i:first-child {
        margin-left: 12px;
      }
    }
    >.sub {
      width: 150px;
      margin-left: 17px;
      color: #999;
      font-size: 12px;
      margin-top: 10px;
      >i {
        color: #ccc;
        width: 15px;
      }
      >span {
        color: #34495e;
      }
    }
  }
  >div:last-child {
    margin-right: 0;
  }
}
.jiaoshi-list {
  margin-left: 0;
  margin-right: 0;
  height: 290px;
  >div {
    padding-left: 0;
    padding-right: 0;
    height: 290px;
    width: 222px;
    margin-right: 38px;
    >.image {
      >img {
        width: 160px;
        height: 175px;
        margin: 20px 31px 15px;
      }
    }
    >.tname {
      font-size: 18px;
      text-align: center;
      height: 20px;
      color: #34495e;
    }
    >.tname_kemu {
      font-size: 12px;
      color: #999;
      height: 14px;
      text-align: center;
      margin-top: 10px;
    }
  }
  >div:last-child {
    margin-right: 0;
  }
}
.dayi-list {
  height: 242px;
  margin-left: 0;
  margin-right: 0;
  >div {
    padding-left: 0;
    padding-right: 0;
    height: 242px;
    >.list-group {
      margin-bottom: 0;
      >.list-group-item:first-child,
      >.list-group-item:last-child {
        border-radius: 0;
      }
      >.list-group-item {
        border: none;
        padding: 4px 15px;
        font-size: 12px;
        >a {
          font-size: 12px;
        }
        >a.title {
          color: #686868;
          font-weight: bold;
          padding-right: 15px;
        }
        >a.question {
          color: #34495e;
        }
      }
    }
    >.sub-dayi-title {
      color: #404040;
      font-size: 14px;
      font-weight: bold;
      padding-left: 10px;
      height: 42px;
      line-height: 42px;
    }
    >div.row {
      padding-left: 0;
      padding-right: 0;
      margin-left: 0;
      margin-right: 0;
      >div {
        padding-left: 0;
        padding-right: 0;
        >.thumbnail {
          width: 170px;
          height: 170px;
          padding: 0;
          border: none;
          border-radius: 0;
          margin: 0 auto;
          >img {
            width: 170px;
            height: 170px;
          }
        }
      }
    }
  }
  >div:first-child {
    border-right: 1px solid #eeecef;
  }
}
.subtitle {
  .navbar-header {
    .navbar-brand {
      height: 48px;
      padding: 15px 0;
      font-weight: bold;
      font-family: "Microsoft Yahei";
    }
    .navbar-brand,
    .navbar-brand:hover,
    .navbar-brand:focus {
      color: #27ae60;
    }
  }
  .nav-right-school:last-child {
    margin-right: 0;
  }
  .nav-right-school {
    padding: 0;
    li {
      padding-left: 2px;
      padding-right: 2px;
    }
    li > a {
      padding: 14px 0;
      color: #34495e;
      font-size: 12px;
    }
    li > a:hover,
    a:focus {
      background-color: #f7f7f7;
    }
    li.active {
      background-color: #f7f7f7;
    }
  }
}
.bottom {
  padding-left: 0;
  padding-right: 0;
  >.clearfix {
    padding: 10px;
    >.link {
      >li {
        float: left;
        font-size: 12px;
        height: 24px;
        line-height: 24px;
        >a {
          float: left;
          margin-right: 20px;
          white-space: nowrap;
          color: #34495e;
        }
      }
      >li.link-first {
        font-weight: bold;
        color: #404040;
        margin-right: 20px;
      }
    }
  }
  >.footer {
    background-color: #3a3d41;
    height: 120px;
    font-size: 12px;
    >.bottom_sub {
      >div {
        float: left;
      }
      >div.fl {
        width: 753px;
        >.link {
          padding-top: 25px;
          padding-left: 5px;
          >a {
            color: #fff;
            padding-right: 20px;
          }
        }
        >.text {
          padding-top: 15px;
          padding-left: 5px;
          color: #797a7d;
        }
      }
      >div.fr {
        >.bg_foot_tel {
          margin-top: 25px;
        }
      }
    }
  }
}
.g_breadcrumb {
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  >.content {
    height: 30px;
    line-height: 30px;
    >div {
      float: left;
    }
    >div.bghome {
      font-size: 14px;
      color: #27ae60;
      padding: 0 5px;
    }
    >div.title {
      color: #34495e;
      >a,
      >span {
        color: #34495e;
      }
      >span {
        padding: 0 2px;
      }
    }
  }
}
.sub-page {
  padding-left: 0;
  padding-right: 0;
  /*辅导课程*/
  >.course {
    >.course_fl,
    >.teachers_fl {
      width: 733px;
    }
    >.course_fr,
    >.teachers_fr {
      width: 240px;
      margin-left: 30px;
    }
  }
  /*辅导课程结束*/
}


.sub-page-nav {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  >.navbar-header {
    >a {
      color: #242424;
      padding: 15px 5px;
      font-weight: bold;
      font-family: "Microsoft Yahei";
    }
  }
  >.nav-right-school {
    margin-right: 0;
    >li {
      >a {
        color: #27ae60;
        font-size: 12px;
        padding-left: 7px;
        padding-right: 7px;
      }
    }
    li > a:hover,
    a:focus {
      background-color: #fff;
    }
    li.active {
      background-color: #fff;
    }
  }
}
.sub-page-filter {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  >.filter-sub {
    padding-left: 0;
    padding-right: 0;
    float: left;
    >.filter-sub-list {
      margin-bottom: 5px;
      margin-top: 5px;
      float: left;
      border-bottom: 1px dashed #f7f7f7;
      >.filter-name {
        width: 36px;
        font-size: 12px;
        font-weight: bold;
        color: #686868;
        margin: 0 24px;
        padding: 5px 0;
      }
      >.filter-name-tab {
        width: 649px;
        >ul {
          >li {
            float: left;
            background-color: #fff;
            color: #242424;
            font-size: 12px;
            padding: 5px 10px;
            margin: 0 2px;
            >a {
              color: #242424;
            }
          }
          >li:first-child {
            margin: 0 2px 0 0;
          }
          >li.active,
          >li:hover,
          >li:focus {
            background-color: #27ae60;
            >a {
              color: #fff;
            }
          }
        }
        >.navbar-form {
          padding: 0;
          margin-top: 0;
          margin-bottom: 0;
          >.form-group {
            >.form-control {
              height: 27px;
            }
          }
        }
      }
    }
    >.filter-sub-list:last-child {
      border: 0;
    }
  }
}
.coursedetails{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    background: #ffffff;
    .description{
        width: 733px;
        height: auto;
        float: left;
        border-top: 2px solid #ccc;
        padding:20px;
        font-size: 12px;
        color: #404040;
        >pre{

          display: block;
          padding: 0px;
          margin: 0;
          font-size: 12px;
          line-height: 30px;
          word-break: break-all;
          word-wrap: break-word;
          color: #404040;
          background-color: #ffffff;
          border: 0;
          border-radius: 0px;

        }
    }
    .student_details{
        width: 733px;
        height: auto;
        float: left;
        >.fl {
          >a>img {
            padding: 20px;
          }
        }
        >.img {
          width: 190px;
          height: 240px;
        }
        >.cnt {
          height: 240px;
          width: 543px;
          >.title {
            font-size: 14px;
            height: 20px;
            line-height: 20px;
            margin-top: 20px;
            margin-bottom: 12px;
            >a {
              color: #34495e;
              font-size: 14px;
              font-weight: bold;
            }
          }
          >.sub {

            margin-top: 17px;
            color: #999;
            font-size: 12px;
            >span {
              color: #34495e;
            }
            >i.fa-pencil-square-o {
              margin-right: 2px;
              margin-left: 3px;
            }
            >i.fa-search {
              margin-left: 3px;
              margin-right: 3px;
            }
            >i.fa-map-marker {
              margin-left: 5px;
              margin-right: 5px;
            }
          }
          >.local {
            font-size: 12px;
            color: #404040;
            font-weight: bold;
            margin-top: 20px;
            margin-bottom: 12px;
          }
          >.local_cnt {
            font-size: 12px;
            color: #999;
            padding-right: 10px;
            line-height: 25px;
          }
        }
    }
    .title{
        width: 733px;
        height: auto;
        float: left;
        >.fl {
          >a>img {
            padding: 20px;
          }
        }
        >.img {
          width: 190px;
          height: 240px;
        }
        >.cnt {
          height: 240px;
          width: 543px;
          >.title {
            font-size: 14px;
            height: 20px;
            line-height: 20px;
            margin-top: 20px;
            margin-bottom: 12px;
            >a {
              color: #34495e;
              font-size: 14px;
              font-weight: bold;
            }
          }
          >.sub {

            margin-top: 10px;
            color: #999;
            font-size: 12px;
            >span {
              color: #34495e;
            }
            >i.fa-pencil-square-o {
              margin-right: 2px;
              margin-left: 3px;
            }
            >i.fa-search {
              margin-left: 3px;
              margin-right: 3px;
            }
            >i.fa-map-marker {
              margin-left: 5px;
              margin-right: 5px;
            }
          }
          >.local {
            font-size: 12px;
            color: #404040;
            font-weight: bold;
            margin-top: 20px;
            margin-bottom: 12px;
          }
          >.local_cnt {
            font-size: 12px;
            color: #999;
            padding-right: 10px;
            line-height: 25px;
          }
        }
    }
}
.tabs {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  >.default {
    height: 240px;
    width: 160px;
    margin-bottom: 0;
    float: left;
    >.list-group-item:first-child,
    >.list-group-item:last-child {
      border-radius: 0;
    }
    >.list-group-item {
      border: 0;
      background-color: #27ae60;
      height: 80px;
      line-height: 80px;
      padding: 0;
      margin: 0;
      cursor: pointer;
      >span {
        margin: 28px 0 28px 28px;
        float: left;
      }
      >a {
        font-size: 12px;
        float: left;
        height: 80px;
        line-height: 80px;
        padding-left: 20px;
        color: #fff;
      }
    }
    >.list-group-item.active,
    >.list-group-item.active:hover,
    >.list-group-item.active:focus {
      background-color: #219452;
    }
  }
  >.xiaoxue {
    height: 240px;
    width: 160px;
    margin-bottom: 0;
    float: left;
    >.list-group-item:first-child,
    >.list-group-item:last-child {
      border-radius: 0;
    }
    >.list-group-item {
      border: 0;
      background-color: #27ae60;
      height: 40px;
      line-height: 40px;
      padding: 0;
      margin: 0;
      cursor: pointer;
      >span {
        margin: 8px 0 8px 28px;
        float: left;
      }
      >a {
        font-size: 12px;
        float: left;
        height: 40px;
        line-height: 40px;
        padding-left: 20px;
        color: #fff;
      }
    }
    >.list-group-item.active,
    >.list-group-item.active:hover,
    >.list-group-item.active:focus {
      background-color: #219452;
    }
  }
  >div {
    width: 573px;
    height: 240px;
    float: left;
    >.fl {
      >a>img {
        padding: 20px;
      }
    }
    >.img {
      width: 190px;
      height: 240px;
    }
    >.cnt {
      height: 240px;
      width: 383px;
      >.title {
        font-size: 14px;
        height: 20px;
        line-height: 20px;
        margin-top: 20px;
        margin-bottom: 12px;
        >a {
          color: #34495e;
          font-size: 14px;
          font-weight: bold;
        }
      }
      >.sub {
        height: 12px;
        margin-top: 15px;
        color: #999;
        font-size: 12px;
        >span {
          color: #34495e;
        }
        >i.fa-pencil-square-o {
          margin-right: 2px;
          margin-left: 3px;
        }
        >i.fa-search {
          margin-left: 3px;
          margin-right: 3px;
        }
        >i.fa-map-marker {
          margin-left: 5px;
          margin-right: 5px;
        }
      }
      >.local {
        font-size: 12px;
        color: #404040;
        font-weight: bold;
        margin-top: 20px;
        margin-bottom: 12px;
      }
      >.local_cnt {
        font-size: 12px;
        color: #999;
        padding-right: 10px;
        line-height: 25px;
      }
    }
  }
}
.wrapper_img {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  height: 220px;
  >.wrapper {
    width: 733px;
    height: 220px;
    position: absolute;
    >.carousel {
      width: 733px;
      position: vrelative;
      >.clearfix {
        float: none;
        clear: both;
      }
      >.next,
      >.prev {
        text-indent: 1px;
        display: block;
        overflow: hidden;
        width: 15px;
        height: 21px;
        position: absolute;
        top: 85px;
        cursor: pointer;
      }
      >.prev {
        left: 0;
      }
      >.next {
        right: 0;
      }
      ul {
        list-style: none;
        display: block;
        margin: 0;
        padding: 0;
        height: 220px;
        width: 733px;
        >li {
          text-align: center;
          display: block;
          width: 130px;
          height: 220px;
          padding: 0;
          float: left;
          position: relative;
          margin-left: 13.7px;
          >img {
            margin-top: 20px;
            margin-bottom: 12px;
          }
          >div.name {
            font-size: 14px;
            color: #34495e;
            font-weight: bold;
            text-align: center;
          }
          >div.name-title {
            color: #999;
            font-size: 12px;
            margin-top: 5px;
          }
        }
      }
    }
  }
}
.remenkecheng {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  >.title {
    font-size: 14px;
    color: #404040;
    margin-top: 10px;
    margin-left: 20px;
    font-weight: bold;
    float: left;
    width: 200px;
    margin-bottom: 10px;
  }
  >.default {
    float: left;
    width: 200px;
    margin-left: 20px;
    margin-bottom: 10px;
    >.list-group-item:first-child,
    >.list-group-item:last-child {
      border-radius: 0;
    }
    >.list-group-item:first-child {
      margin-top: 0;
    }
    >.list-group-item {
      background-color: #fff;
      border: 0;
      height: 14px;
      line-height: 14px;
      padding: 0;
      margin: 0;
      cursor: pointer;
      margin: 12px 0;
      >span {
        float: left;
      }
      >a {
        margin-left: 5px;
        font-size: 12px;
        float: left;
        height: 14px;
        line-height: 14px;
        color: #34495e;
      }
    }
    >.list-group-item.active,
    >.list-group-item.active:hover,
    >.list-group-item.active:focus {
      background-color: #fff;
    }
  }
}
.remen_xuesheng {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  >.title {
    font-size: 14px;
    color: #404040;
    margin-top: 10px;
    margin-left: 20px;
    font-weight: bold;
    float: left;
    width: 200px;
    margin-bottom: 10px;
  }
  >.default {
    float: left;
    width: 200px;
    margin-left: 20px;
    margin-bottom: 10px;
    >.list-group-item {
      border: 0;
      padding: 0;
      margin: 0;
      width: 200px;
      float: left;
      border-bottom: 1px solid #e6e6e6;
      >.name {
        font-size: 12px;
        color: #242424;
        margin-top: 20px;
        >i {
          color: #ccc;
          margin-left: 5px;
          margin-right: 5px;
        }
      }
      >.sub {
        color: #999;
        font-size: 12px;
        margin-top: 10px;
        >i {
          color: #ccc;
          width: 15px;
        }
        >span {
          color: #34495e;
        }
      }
      >.manyi {
        color: #999;
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 8px;
        >i {
          color: #ffda17;
          margin-right: 3px;
        }
        >i:first-child {
          margin-left: 12px;
        }
      }
    }
    >.list-group-item:first-child,
    >.list-group-item:last-child {
      border-radius: 0;
    }
    >.list-group-item:last-child {
      border: 0;
      >.manyi {
        margin-bottom: 6px;
      }
    }
  }
}
.kecheng {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  >.title {
    font-size: 14px;
    color: #404040;
    margin-top: 10px;
    margin-left: 20px;
    font-weight: bold;
    float: left;
    width: 200px;
    margin-bottom: 10px;
  }
  >.filter {
    float: left;
    width: 200px;
    margin-left: 20px;
    margin-right: 20px;
    >.level {
      font-size: 14px;
      color: #404040;
      font-weight: bold;
      width: 200px;
      float: left;
      >a {
        color: #404040;
      }
      margin-bottom: 10px;
      clear: both;
    }
    >.level_sub {
      color: #34495e;
      font-size: 12px;
      width: 200px;
      float: left;
      a {
        color: #34495e;
      }
      >span {
        padding: 2px 5px 3px 0;
        float: left;
      }
      margin-bottom: 10px;
    }
  }
}
.sub-page-teacher {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  >ul {
    float: left;
    >li {
      float: left;
      width: 326px;
      margin: 20px;
      height: 140px;
      >.fl {
        float: left;
        width: 130px;
        margin-right: 20px;
        height: 140px;
        >a {
          >img {
            width: 130px;
            height: 140px;
          }
        }
      }
      >.fr {
        float: left;
        width: 166px;
        height: 140px;
        >.title {
          color: #34495e;
          font-size: 14px;
          font-weight: bold;
        }
        >.sub {
          color: #999;
          font-size: 12px;
          margin-top: 7px;
          >i {
            color: #ccc;
            width: 15px;
          }
          >span {
            color: #34495e;
          }
        }
        >.summary {
          font-size: 12px;
          margin-top: 7px;
          line-height: 20px;
        }
      }
    }
  }
}
.online_baoming {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  >.title {
    font-size: 14px;
    color: #404040;
    font-weight: bold;
    float: left;
    width: 200px;
    margin: 10px 20px;
  }
  >ul {
    float: left;
    width: 200px;
    margin: 0 20px;
    >li {
      height: 26px;
      width: 200px;
      font-size: 12px;
      margin-bottom: 10px;
      >.fl {
        float: left;
        width: 60px;
        height: 26px;
        color: #333;
        line-height: 26px;
      }
      >.fr {
        float: left;
        width: 140px;
        height: 26px;
        line-height: 26px;
        >select,
        >input {
          border: 1px solid #ddd;
          width: 138px;
          height: 24px;
          border-radius: 0;
          color: #999;
          background-color: #fff;
          line-height: 24px;
        }
      }
    }
    .btn-infos {
      color: #fff;
      background-color: #0d9572;
      border-color: #0d9572;
      font-size: 12px;
      font-weight: bold;
      border-radius: 0;
      padding: 4px 12px;
      margin-left: 60px;
    }
  }
}
.sub-page-ebooks {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  >ul {
    float: left;
    margin: 0 20px;
    width: 693px;
    >li {
      float: left;
      width: 693px;
      height: 54px;
      border-bottom: 1px solid #ecf0f1;
      line-height: 54px;
      >.title {
        width: 600px;
        float: left;
        >a {
          color: #34495e;
          font-size: 14px;
        }
      }
      >.date {
        width: 93px;
        float: left;
        position: relative;
        text-align: right;
        color: #b0b0b0;
      }
    }
  }
}
.sub-page-student {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  >ul {
    float: left;
    margin: 0 20px;
    width: 693px;
    >li {
      float: left;
      >.sub1 {
        float: left;
        height: 40px;
        width: 693px;
        line-height: 40px;
        color: #686868;
        >.name {
          font-size: 16px;
          font-weight: bold;
          color: #34495e;
          height: 40px;
          line-height: 40px;
          width: 130px;
          float: left;
        }
        >.before,
        >.after {
          font-size: 16px;
          height: 40px;
          line-height: 40px;
          width: 210px;
          float: left;
          font-size: 12px;
          >i {
            color: #f39c12;
            font-size: 14px;
            font-weight: bold;
          }
        }
      }
      >.sub2 {
        float: left;
        height: 30px;
        width: 693px;
        background-color: #ecf0f1;
        line-height: 30px;
        color: #686868;
        font-size: 12px;
        >.sub2-1 {
          width: 130px;
          height: 30px;
          line-height: 30px;
          float: left;
          text-align: center;
        }
        >.sub2-2 {
          width: 137px;
          height: 30px;
          line-height: 30px;
          float: left;
          text-align: center;
          border-left: 1px solid #dfdfdf;
        }
        >.sub2-3 {
          width: 280px;
          height: 30px;
          line-height: 30px;
          float: left;
          text-align: center;
          border-left: 1px solid #dfdfdf;
        }
      }
    }
  }
}
.sub-page-questions {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  >ul {
    float: left;
    margin: 0 20px;
    width: 693px;
    >li {
      float: left;
      width: 693px;
      height: 54px;
      border-bottom: 1px solid #ecf0f1;
      line-height: 54px;
      >.title {
        width: 500px;
        float: left;
        >a {
          color: #34495e;
          font-size: 14px;
        }
      }
      >.date {
        width: 93px;
        float: left;
        position: relative;
        text-align: right;
        color: #b0b0b0;
      }
      >.answer {
        width: 100px;
        float: left;
        position: relative;
        text-align: right;
        color: #b0b0b0;
      }
    }
  }
}


.sub-page-zixun-nav {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  >.navbar-header {
    >a {
      color: #242424;
      padding: 15px 5px;
      font-weight: bold;
      font-family: "Microsoft Yahei";
    }
    >.navbar-brand{
      font-size: 14px;
    }
  }
  >.nav-right-school {
    margin-right: 0;
    >li {
      >a {
        color: #27ae60;
        font-size: 12px;
        padding-left: 7px;
        padding-right: 7px;
      }
    }
    li > a:hover,
    a:focus {
      background-color: #fff;
    }
    li.active {
      background-color: #fff;
    }
  }
}



.sub-page-news{
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  >.toutiao{
    width:703px;
    margin-left: 15px;
    margin-right: 15px;
    border-bottom: 2px #e6e6e6 solid;
    float: left;
    >.img{
      height: 125px;
      >.imgfl{
        width:220px;
        height:125px;
        float:left;
        >img{
          width:220px;
          height:125px;
        }
      }
      >.imgcontent{
        height:125px;
        float:left;
        width:460px;
        margin-left:20px;
        >.title{
          font-size:16px;
          font-weight: bold;
          >a{
            color:#333333;
          }
        }
        >.info{
          color:#999999;
          font-size:12px;
          line-height: 25px;
        }
      }
    }

    >.list{
      margin-top: 20px;
      margin-bottom: 20px;
      width:703px;
      >div{
        width:703px;
        height:20px;
        margin-top:10px;
        margin-bottom: 10px;
        >i{
          color:#b8c4bd;
          font-size:18px;
          float: left;
          line-height: 20px;
        }
        >div{
          margin-left:14px;
          font-size:14px;
          float: left;
          line-height: 20px;
          >a{
            color:#333333;
          }
        }
        >.date{
          margin-left:30px;
          line-height: 20px;
          color:#bfbfbf;
        }
      }
    }


    >ul{
      width:703px;
      float: left;
      margin-bottom: 10px;
      >li{
        width:351px;
        float: left;
        height: 20px;
        margin-bottom: 10px;
        >i{
          color:#b8c4bd;
          font-size:18px;
          float: left;
          line-height: 20px;
        }
        >.title{
          float: left;
          margin-left: 10px;
          font-size:12px;
          line-height: 20px;
          width: 220px;
          >a{
            color:#333333;
          }
        }
        >.date{
          float: left;
          font-size:12px;
          line-height: 20px;
          color:#bfbfbf;
        }
      }
    }
  }
  >.toutiao:last-child{
    border: 0;
  }
}

.sub-page-zones {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  >ul {
    float: left;
    margin: 0;
    width: 733px;
    margin-bottom: 20px;
    >li {
      float: left;
      width: 230px;
      height: 210px;
      margin-top: 20px;
      >.img{
        >img{
          width:230px;
          height:160px;
        }
      }
      >.title{
        padding-left:10px;
        margin-top: 5px;
        >a{
          color:#34495e;
          font-size:14px;
        }
      }
      >.local{
        padding-left:10px;
        color:#999999;
        font-size:12px;
        margin-top: 5px;
        >i{
          padding-right:5px;
        }
      }

    }
    >li.middle {
      margin-left: 21px;
      margin-right: 22px;
    }
  }
}
.teachers_fl,
.students_fl {

}
.teachers_fr,
.students_fr {
  border-top: 2px solid #27ae60;
}
